.task_item {
  // 让其绝对位置 其子元素绝对位置
  position: relative;
  width: 100%;
  height: 80px;
  justify-content: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  box-shadow: 0 0 1px 1px #dddadaad;
  transition: all .4s cubic-bezier(.215, .610, .355, 1);
  background: white;
  margin-bottom: 8px;
  border-radius:5px;
  cursor:cell;
  &:hover {
    box-shadow: 0 0 2px 2px #c2bfbfad;
  }
  .task_item_info {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 20px;
    // align-items: center;
    justify-content: center;
    height: 80px;
    .task_item_title{
        margin-bottom:10px;
    }
    .task_item_desc{
        color:#7e7e7e
    }
  }

  .task_item_status {
    display: flex;
    position: absolute;
    flex-direction: column;
    position: absolute;
    right: 20px;
    margin: auto;
    .task_item_time{
        margin-bottom:10px;
        color: #7971f3;
        background-color: aliceblue;
        border-radius:3px;
        padding: 2px 6px;
    }
    
    .task_item_btn{

    }
  }
}
